<extend name="Moban/index" />
<block name='motaikuan'>
	<script>
		$('#myModal').modal('no');
	</script>
</block>

<block name="main">
<!-- 详情 -->
	<volist name='list' id='v1'>
	<div class="m-single-article">
		<div class="article-left">
			<h3 style="color:red"> <{$v1.title}> <span> <i class="fa fa-heart"></i> 99%</span></h3>
			<p><a class="m-green" href="#">加入书架</a><a class="m-green" href="#">投推荐票</a><a class="m-orange" href="#">点击阅读</a></p>
			<div class="clearfix"></div>
			<div class="article-time-strip">
				<div class="article-time-strip-left">
					<p>更新时间 <span><i class="fa fa-clock-o"></i>2 hrs 30 mins </span>  &nbsp;&nbsp; 授权状态 <span><i class="fa fa-calendar"></i>A级签约</span></p>
				</div>
				<div class="clearfix"></div>
				<div class="article-img">
					<iframe src="https://www.youtube.com/embed/VdafjyFK3ko" frameborder="0" allowfullscreen></iframe>
				</div>
				<div class="review-info">
					<h6 class="span88"><{$list.title}></h6>							
					<div class="clearfix"></div>
					<volist name='v1.user' id='v2'>
					<p class="info"><strong>小说作者</strong>: &nbsp;<{$v2.name}></p>
					</volist>
					<volist name='v1.type' id='v3'>
					<p class="info"><strong>小说类型</strong>: &nbsp;<{$v3.name}></p>
					</volist>
					<p class="info"><strong>总点击</strong>:&nbsp;&nbsp;<{$v1.click}></p>
					<p class="info"><strong>总推荐</strong>:&nbsp;&nbsp;<{$v1.recommend}></p>
				</div>
			</div>
		</div>
		<div class="article-right">
			<div class="grid_3 grid_5">
				<div class="bs-example bs-example-tabs" role="tabpanel" data-example-id="togglable-tabs">
			<ul id="myTab" class="nav nav-tabs">
			  	<li class="active"><a href="#home">小说简介</a></li>
			</ul>
			<div id="myTabContent" class="tab-content">
			<div role="tabpanel" class="tab-pane fade in active" id="home" aria-labelledby="home-tab"><p class="m-s-t"> <{$v1.summary}> </p>
				
				<div class="clearfix"></div>
				<a class="more-show-time" href="movie-select-show.html">打赏作品</a>
			</div>
			  
			</div>
		   </div>
		  </div>
		</div>
		<div class="clearfix"></div>
	</div>
	</volist>
<script src="js/responsive-tabs.js"></script>
    <script type="text/javascript">
      $( '#myTab a' ).click( function ( e ) {
        e.preventDefault();
        $( this ).tab( 'show' );
      } );

      $( '#moreTabs a' ).click( function ( e ) {
        e.preventDefault();
        $( this ).tab( 'show' );
      } );

      ( function( $ ) {
          // Test for making sure event are maintained
          $( '.js-alert-test' ).click( function () {
            alert( 'Button Clicked: Event was maintained' );
          } );
          fakewaffle.responsiveTabs( [ 'xs', 'sm' ] );
      } )( jQuery );

    </script>
	<a href="#home" class="scroll" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>



</block>
